<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>首页</title>
	<link rel="icon" href="picture.ico" type="image/x-icon"/>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
	<link rel="stylesheet" href="css/daohang.css" />
	<link rel="stylesheet" href="css/lunbotu.css" />
	<link rel="stylesheet" href="css/fangda.css" />
	
</head>
<style>
*{
	font-family: Microsoft YaHei;
}
@media (max-width:1200px ) {
html{
	width: 1180px;
}
}
.title{
	text-align: center;
	font-size: 22px;
}
.title>div:nth-of-type(1){
	color: #447ade;
}
.title>div:nth-of-type(2){
	color: #000;
}
.fanbai{
	width: 80px;
	height: 80px;
	background-size: 100% 100%;
}
.fanbai1{
	background: url(images/ico_b.png);
	background-size: 100% 100%;
}
.fanbai1:hover{
	background: url(images/ico_bb.png);
	background-size: 100% 100%;
}
.fanbai2{
	background: url(images/icof.png);
	background-size: 100% 100%;
}
.fanbai2:hover{
	background: url(images/icofb.png);
	background-size: 100% 100%;
}
.fanbai3{
	background: url(images/ico_d.png);
	background-size: 100% 100%;
}
.fanbai3:hover{
	background: url(images/ico_db.png);
	background-size: 100% 100%;
}
#xxk21,#xxk31{
	display: none;
}

.chanpingongneng{
	width: 220px;
	height: 300px;
	display: inline-block;
	padding:45px 10px;
	color: #666;
	line-height: 30px;
	text-align: center;
	background: rgba(255,255,255,0.5);
	cursor: pointer;
	vertical-align: top;
}
.chanpingongneng>div:nth-of-type(1){
	color: #000;
}
.chanpingongneng>div:nth-of-type(2){
	font-size: 12px;
}
.chanpingongneng:hover{
	background: rgb(255,255,255);
	box-shadow: 2px 2px 5px #666;
}

.zixun{
	width: 300px;
	padding:10px 15px;
	border: 1px solid transparent;
	border-radius: 5px;
	margin-bottom: 20px;
}
.erweima{
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 999;
	border: 1px solid #eee;
	width: 202px;height: 202px;
	opacity: 0;
	transform: translate(-200px,-200px);
}
.erweima>img{
	width: 200px;
	height: 200px;
}
@keyframes erweimachuxian{
	from{
		opacity: 0;
		transform: translate(200px,-200px);
	}
	to{
		opacity: 1;
		transform: translate(0,0);
	}
}
@keyframes erweimayincang{
	from{
		opacity: 1;
		transform: translate(0,0);
	}
	to{
		opacity: 0;
		transform: translate(200px,-200px);
	}
}
.weixin:hover .erweima{
	display: block;
}
.huikuang{
	background: #eee;
	padding:5px 20px;
	margin: 10px 30px;
}

/*为什么选择我们模块*/
.duolunbo{
	display: inline-block;
	text-align: center;
	margin: 0 40px;
}
.yuanlunbo{
	display: block;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background: #eee;
	line-height: 98px;
	margin:30px auto 0 auto;
	padding-top: 21px;
}
.yuanlunbo3{
	background: #447ade;
}
.yuanlunbo>div{
	display:inline-block;width: 57px;height: 57px;
}
.yuanlunbo11{
	background: url(images/zhuanjia_h.png);
}
.yuanlunbo21{
	background: url(images/chanpin_h.png);
}
.yuanlunbo31{
	background: url(images/anquan_b.png);
}
.yuanlunbo41{
	background: url(images/shebi_h.png);
}
.yuanlunbo51{
	background: url(images/anli_h.png);
}
.yuanlunbo61{
	background: url(images/jigou_h.png);
}
.neironglunbo{
	width: 800px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top:50px;
	left:-303px;
	padding: 20px;
/*	display: none;*/
}
.neironglunbo2{
	width: 800px;
	background: #fff;
	border-radius: 10px;
	padding: 20px;
	font-size: 14px;
	margin: 50px auto 30px auto;
	text-align: left;
/*	display: none;*/
}
.neironglunbo21,.neironglunbo22,.neironglunbo24,.neironglunbo25,.neironglunbo26{
	display: none;
}
</style>

<!--入场动画-->
<style>
	#donghua1{
		transform: translateY(100px);
		opacity: 0;
	}
	@keyframes donghua1{
		from{
		transform: translateY(100px);
		opacity: 0;
		}
		to{
			transform: translateY(0);
			opacity: 1;
		}
	}
	#donghua2{
		transform: translateX(-100px);
		opacity: 0;
	}
	@keyframes donghua2{
		from{
		transform: translateX(-100px);
		opacity: 0;
		}
		to{
			transform: translateX(0);
			opacity: 1;
		}
	}
	#donghua3{
		transform: translateX(100px);
		opacity: 0;
	}
	@keyframes donghua3{
		from{
		transform: translateX(100px);
		opacity: 0;
		}
		to{
			transform: translateX(0);
			opacity: 1;
		}
	}
	#donghua4{
		transform: translateY(100px);
		opacity: 0;
	}
	#donghua5{
		transform: translateY(100px);
		opacity: 0;
	}
	#donghua6{
		transform: translateY(100px);
		opacity: 0;
	}
	#donghua7{
		transform: translateY(100px);
		opacity: 0;
	}
	#donghua8{
		transform: translateY(100px);
		opacity: 0;
	}
	#donghua9{
		transform: translateX(-100px);
		opacity: 0;
	}
	#donghua10{
		transform: translateY(100px);
		opacity: 0;
	}
	#donghua11{
		transform: translateX(100px);
		opacity: 0;
	}
	@media (max-width: 1180px){
		#donghua1,#donghua2,#donghua3,#donghua4,#donghua5,#donghua6,#donghua7,#donghua8,#donghua9,#donghua10,#donghua11{
			transform: translateX(0px);
			opacity: 1;
		}
	}
</style>
<body>
	
<div id="daohang" class="navbar navbar-inverse navbar-fixed-top">
	<div style="width: 100%;background: #2e3a4b;color: white;text-align: right;line-height: 40px;">
		<div style="margin: 0 auto;" class="container">
			<img style="margin-right: 5px;vertical-align: middle;" src="images/ico_a.png" />
			<span style="vertical-align: middle;">客服热线：010-64449280</span>
		</div>
	</div>
	<div id="daohang2" class="container">
		<div class="navbar-header">
			<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
	          <span class="sr-only">Toggle navigation</span>
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	          <span class="icon-bar"></span>
	        </button>
			<a id="daohang4" class="navbar-brand hidden-sm" href="index.html" style="width: 60px;display: block !important;"><img style="width: 60px;" src="images/logo.png"></a>
		</div>
		<div id="daohang3" class="navbar-collapse collapse" role="navigation">
			<ul class="nav navbar-nav">
				<li>
					<a data-hover="dropdown" href="index.html">首页</a>
				</li>
				<li>
					<a data-hover="dropdown" href="companyteam.html">公司团队</a>
				</li>
				<li>
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">公司产品</a>
					<ul class="dropdown-menu">
						<li><a href="products1.html">RAK免疫细胞</a></li>
						<li><a href="products2.html">脐带间充质干细胞</a></li>
					</ul>
				</li>
				<li>
					<a data-hover="dropdown" href="journalism.html">新闻中心</a>
				</li>
				<li>
					<a data-hover="dropdown" href="recruit.html">招贤纳士</a>
				</li>
				<li>
					<a data-hover="dropdown" href="contactus.html">联系我们</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<div id="container" class="headermargin">
	 <ul class="pic">
	 <li><a href="javascript:;">
	 	<img style="width: 100%;" src="images/banner1.jpg">
	 </a></li>
	 <li><a href="javascript:;">
	 	<img style="width: 100%;" src="images/banner2.jpg">
	 	
	 </a></li>
	 <li><a href="javascript:;">
	 	<img style="width: 100%;" src="images/banner3.jpg">
	 </a></li>
	 </ul>
	 <ul id="position">
	 	<li class="cur"></li>
	 	<li class=""></li>
	 	<li class=""></li>
	 </ul>
	 <!--<a href="javascript:;" id="prev" class="arrow"><</a>
	 <a href="javascript:;" id="next" class="arrow">></a>
	 -->
 </div>
 
<div id="h1" class="container" style="padding: 50px 0;overflow: hidden;">
 	<div id="donghua1" class="title">
 		<div>公司介绍</div>
 		<div>Company Introduction</div>
 	</div>
 	<div style="margin-top: 40px;">
 		<div id="donghua2" class="neiliankuai shangduiqi" style="width: 465px;">
	 		<div class="box">
				<div class="he_border1">
					<img class="he_border1_img" src="images/img_a.jpg">
				</div>
			</div>
 		</div>
 		<div id="donghua3" class="neiliankuai shangduiqi" style="width: 620px;margin-left: 60px;line-height: 30px;">
 			<div id="xxk11" style="height: 240px;overflow: hidden;">
 				<div style="margin-bottom: 40px;margin-top: 20px;width: 620px;line-height: 40px;">北京普华赛尔生物医疗技术有限公司成立于2018年3月，注册资金1亿元人民币。公司主营业务为干细胞、免疫细胞生物医疗技术开发、细胞制备、细胞存储、医疗技术咨询服务、新药研发转让及中试研发生产等。公司与北京医院生物治疗中心在细胞治疗及细胞产品的研发、注册、生产制备、存储等业务领域开展了全方位合作。</div>

 			</div>
 			<div id="xxk21" style="height: 240px;overflow: hidden;width: 620px;">
 				<div style="margin-bottom: 0px;margin-top: 20px;line-height: 40px;">于国于民计，十数年前，公司创始人放弃海外优厚待遇，心怀赤子之心与悬壶济世的医学情怀毅然归国，希望通过先进的细胞医学技术，治愈更多的中国同胞，亦让中国生物治疗领域在国际医学界占据抢跑地位。</div>
 				<div style="margin-bottom: 40px;line-height: 40px;">“为国尽忠，为民治病”，是普华赛尔之赤子使命。让老百姓真正用得起、用得上、用得好细胞产品，是普华赛尔的不懈追求。</div>
 			</div>
 			<div id="xxk31" style="line-height: 27px;height: 240px;overflow: hidden;">
 				<div style="margin-top: 20px;">
					<div class="neiliankuai" style="margin-bottom: 10px;font-weight: 600;">RAK免疫细胞</div>
 					<div class="neiliankuai huikuang" style="margin-left:40px;">肿瘤预防 </div>
 					<div class="neiliankuai huikuang">肿瘤治疗</div>
 					<div class="neiliankuai huikuang">术后康复</div>
 				</div>
 				<div style="margin-top: 20px;">	
	 				<div class="neiliankuai" style="margin-bottom: 10px;font-weight: 600;margin-top: 20px;">间充质干细胞</div>
	 				<div class="neiliankuai huikuang" style="margin-left:40px;">再生医学</div>
	 				<div class="neiliankuai huikuang">抗衰老</div>
	 				<div class="neiliankuai huikuang">自免性疾病</div>
 				</div>
 			</div>
	 		<div>
	 			<div id="xxk1" class="neiliankuai center" style="margin-right: 100px;margin-left: 50px;">
	 				<div class="fanbai fanbai1"></div>
	 				<div style="margin-top: 10px;">企业概况</div>
	 			</div>
	 			<div id="xxk2" class="neiliankuai center" style="margin-right: 100px;">
	 				<div class="fanbai fanbai2"></div>
	 				<div style="margin-top: 10px;">企业使命</div>
	 			</div>
	 			<div id="xxk3" class="neiliankuai center" style="">
	 				<div class="fanbai fanbai3"></div>
	 				<div style="margin-top: 10px;">产品服务</div>
	 			</div>
	 		</div>
 		</div>
 	</div>
</div>

<div id="h2" style="width: 100%;height:560px;background: url(images/bj1.jpg)center;">
	<div class="container" style="padding: 50px 0;">
	 	<div id="donghua4" class="title">
	 		<div style="color: #000;">产品功能</div>
	 		<div>Product Function</div>
	 	</div>
	 	<div id="donghua5" style="margin-top: 40px;">
	 		<div class="chanpingongneng" style="margin-right: 10px;">
	 			<div style="margin-bottom: 20px;">肿瘤预防</div>
	 			<div style="padding: 0 30px;">免疫细胞可有效提高人体免疫力，清除基因突变的恶性细胞，有效降低患癌几率。</div>
	 		</div>
	 		<div class="chanpingongneng" style="margin-right: 10px;">
	 			<div style="margin-bottom: 20px;">肿瘤治疗</div>
	 			<div style="padding: 0 20px;">免疫细胞可单独作为治疗手段，也可与其他肿瘤治疗手段组成联合治疗方案，有效提高肿瘤治疗效果。</div>
	 		</div>
	 		<div class="chanpingongneng" style="margin-right: 10px;">
	 			<div style="margin-bottom: 20px;">术后恢复</div>
	 			<div style="padding: 0 20px;">免疫细胞一方面可以降低术后肿瘤复发及转移的可能性；另一方面有益于患者身体机能的恢复。</div>
	 		</div>
	 		<div class="chanpingongneng" style="margin-right: 10px;">
	 			<div style="margin-bottom: 20px;">再生医学</div>
	 			<div>干细胞与再生医学是近年来初露锋芒的生物医学新领域，具有重大的临床应用价值，其旨在通过干细胞移植、分化与组织再生、旁分泌、自分泌，促进机体创伤修复、治疗多种疾病。</div>
	 		</div>
	 		<div class="chanpingongneng" style="">
	 			<div style="margin-bottom: 20px;">抗衰老</div>
	 			<div>干细胞抗衰老技术属于抗衰老全新方式，它将特定的干细胞输注到人体内，修复与调控受损细胞，促进衰老细胞的清除，防止和延缓细胞的病变，恢复细胞的正常生理功能从而达到对抗衰老的目的。</div>
	 		</div>
	 		
	 	</div>
	</div>
</div>

<div id="h3" style="width: 100%;height:449px;background: url(images/bj2.jpg)center;">
	<div class="container" style="">
		<div id="donghua6" style="color: #447ADE;font-size: 22px;text-align: center;margin-top: 40px;">为什么选择我们</div>
		<div id="donghua7" style="text-align: center;">
			<div style="height: 120px;">
				<div class="neironglunbo2 neironglunbo21" style="">
					技术专家团队：聚集行业顶尖技术专家，主要顾问有北京医院生物治疗中心的马洁主任、美国Mayo细胞治疗中心林毅教授等。
				</div>
				<div class="neironglunbo2 neironglunbo22" style="">
					产品技术领先：公司的免疫细胞产品已经完成临床一期实验，开始临床二期实验。
				</div>
				<div class="neironglunbo2 neironglunbo23" style="">
					安全性：公司产品在无菌检测、病毒检测、内毒素检测及细胞活性检测均合格后才进行产品发放，确保产品的安全。
				</div>
				<div class="neironglunbo2 neironglunbo24" style="">
					效果显著：大量案例显示公司免疫细胞产品可以明显改善肿瘤患者的生存质量，延长生存期；干细胞产品对亚健康状态和相应疾病均有很好的改善。
				</div>
				<div class="neironglunbo2 neironglunbo25" style="">
					 案例丰富：公司目前有上百例回输免疫细胞案例，给出反馈极好。
				</div>
				<div class="neironglunbo2 neironglunbo26" style="">
					正规医疗机构：北京医院是国家第二批干细胞临床备案单位，公司与北京医院生物治疗中心开展全方位业务合作。
				</div>
			</div>
    		<div class="duolunbo" style="">
	      		<div class="yuanlunbo yuanlunbo1" style="">
	      			<div class="yuanlunbo11"></div>
	      		</div>
	      		<div style="display: block;margin:10px auto;">专家团队</div>
    		</div>
    		<div class="duolunbo" style="">
	      		<div class="yuanlunbo yuanlunbo2">
	      			<div class="yuanlunbo21"></div>
	      		</div>
	      		<div style="display: block;margin-top: 10px;">产品技术</div>
    		</div>
    		<div class="duolunbo" style="">
	      		<div class="yuanlunbo yuanlunbo3">
	      			<div class="yuanlunbo31"></div>
	      		</div>
	      		<div style="display: block;margin-top: 10px;">安全性</div>
    		</div>
    		<div class="duolunbo" style="">
	      		<div class="yuanlunbo yuanlunbo4">
	      			<div class="yuanlunbo41"></div>
	      		</div>
	      		<div style="display: block;margin-top: 10px;">先进性</div>
    		</div>
    		<div class="duolunbo" style="">
	      		<div class="yuanlunbo yuanlunbo5">
	      			<div class="yuanlunbo51"></div>
	      		</div>
	      		<div style="display: block;margin-top: 10px;">案例丰富</div>
    		</div>
    		<div class="duolunbo" style="">
	      		<div class="yuanlunbo yuanlunbo6">
	      			<div class="yuanlunbo61"></div>
	      		</div>
	      		<div style="display: block;margin-top: 10px;">正规医疗机构</div>
    		</div>
	 	</div>
	</div> 
</div>
 
<div id="h4" class="container" style="padding: 50px 0;">
 	<div id="donghua8" class="title">
 		<div>医疗咨询</div>
 		<div>Medical Consultation</div>
 	</div>
 	<div style="margin-top: 40px;">
 		<div id="donghua9" class="neiliankuai shangduiqi" style="width: 412px;">
 			<div class="box1">
				<div class="he_border1">
					<img class="he_border1_img" src="images/bj3.jpg" alt="Image 01">
					<div class="he_border1_caption">
						<p class="he_border1_caption_p">医院挂号<br>Hospital Registration</p>
						<a class="he_border1_caption_a"></a>
					</div>
				</div>
			</div>
 		</div>
 		<div id="donghua10" class="neiliankuai shangduiqi" style="width: 412px;height:275px;background: #eee;color: #447ade;padding: 30px 40px;margin-left: 20px;">
 			<div class="center" style="font-size: 18px;margin-bottom: 30px;">留下您的联系方式</div>
 			<div style="text-align: center;">
 				<input class="zixun" type="text" placeholder="请输入联系人姓名" value="" id='user_name' required />
 				<input class="zixun" type="text" placeholder="请输入联系人电话" value="" id='user_mobile' required/>
 				<div style="color: #447ade;font-size: 22px;cursor: pointer;user-select:none;" class='tijiao'>提交</div>
 			</div>
 		</div>
 		<div id="donghua11" class="neiliankuai shangduiqi" style="margin-left: 20px;overflow: hidden;">
 			<div class="weixin" style="background: #447ade;color: white;height: 128px;width: 300px;padding: 40px 35px;position: relative;">
 				<div class="neiliankuai shangduiqi"><img src="images/ico_f.png"></div>
 				<div class="neiliankuai shangduiqi" style="margin-left: 10PX;">
 					<div style="font-size: 18px;margin-bottom: 5PX;">微信咨询</div>
 					<div>WECHAT CONSULTION</div>
 				</div>
 				<div class="erweima">
 					<img src="images/erweima.jpg" />
 				</div>
 			</div>
 			<div style="background: #eee;color:#447ade;height: 128px;width: 300px;padding: 40px 35px;margin-top: 19px;">
 				<div class="neiliankuai shangduiqi"><img src="images/ico_g.png"></div>
 				<div class="neiliankuai shangduiqi" style="margin-left: 10PX;">
 					<div style="font-size: 18px;margin-bottom: 5PX;">联系我们</div>
 					<div>CONTACT US</div>
 				</div>
 			</div>
 		</div>
 	</div>
</div>
 
 
 
<div class="dibu">
	
</div>
</body>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-hover-dropdown.js"></script>
<script src="js/lunbotu.js"></script>

<script>
	$('.tijiao').click(function(){
		var user_name = $('#user_name').val();
		var user_mobile = $('#user_mobile').val();
		if(!user_name)
		{
			alert('联系人姓名不能为空');
			return;
		}
		if(!user_mobile)
		{
			alert('联系人电话不能为空');
			return;
		}
		$.ajax({
			type:'post',
			url: 'http://www.netgotech.com/project/cmf/public/index.php/wsapi/project/liuyan',
			data:{
				'user_name':user_name,
				'user_mobile':user_mobile
			},success:function(data)
			{
				alert('留言成功');
				window.location.reload();
			}
		})
	})
</script>
<script>
	/*导入头部和尾部*/
$(document).ready(function(){
   $(".dibu").load("footer.html");
});

	var xxk1 = document.getElementById("xxk1");
	var xxk2 = document.getElementById("xxk2");
	var xxk3 = document.getElementById("xxk3");
	var xxk11 = document.getElementById("xxk11");
	var xxk21 = document.getElementById("xxk21");
	var xxk31 = document.getElementById("xxk31");
	xxk1.onmousemove = function(){
		xxk11.style.display = "block";
		xxk21.style.display = "none";
		xxk31.style.display = "none";
	}
	xxk2.onmousemove = function(){
		xxk11.style.display = "none";
		xxk21.style.display = "block";
		xxk31.style.display = "none";
	}
	xxk3.onmousemove = function(){
		xxk11.style.display = "none";
		xxk21.style.display = "none";
		xxk31.style.display = "block";
	}
	
	$.ajax({
		url:'http://mycms.netgotech.com/wsapi/wsapi/slidelist',
		type:'get',
		dataType:'json',
		success:function(data)
		{
			var data = data.data;
			$('#banner1').attr('src',data[0]['image']);
			$('#banner2').attr('src',data[1]['image']);
			$('#banner3').attr('src',data[2]['image']);
		}
	})
	$.ajax({
		url:'http://mycms.netgotech.com/wsapi/wsapi/caselist',
		type:'get',
		dataType:'json',
		success:function(data)
		{	
			var data = data.data;
			var str = '';
			for(var i = 0; i < data.length; i++){
				str += '<div class="box">';
				str += '<div class="he_border1">';
					str += '<img class="he_border1_img" src="'+data[i]['case_img_url']+'" alt="Image 01">';
					str += '<div class="he_border1_caption">';
						str += '<p class="he_border1_caption_p"><img style="display: none;" src="images/icon_i.png"></p>';
						str += '<a class="he_border1_caption_a"></a>';
					str += '</div>';
				str += '</div>';
				str += '</div>';			
			}
			$('#caselist').html(str);
			
		}
	})

</script>
<!--为什么选择我们模块-->
<script>
	$(".yuanlunbo1").mouseover(function(){
		$(".yuanlunbo1").css("background","#447ade");
		$(".yuanlunbo11").css("background","url(images/zhuanjia_b.png)");
		$(".neironglunbo21").css("display","block");
		$(".yuanlunbo2").css("background","#eee");
		$(".yuanlunbo21").css("background","url(images/chanpin_h.png)");
		$(".neironglunbo22").css("display","none");
		$(".yuanlunbo3").css("background","#eee");
		$(".yuanlunbo31").css("background","url(images/anquan_h.png)");
		$(".neironglunbo23").css("display","none");
		$(".yuanlunbo4").css("background","#eee");
		$(".yuanlunbo41").css("background","url(images/shebi_h.png)");
		$(".neironglunbo24").css("display","none");
		$(".yuanlunbo5").css("background","#eee");
		$(".yuanlunbo51").css("background","url(images/anli_h.png)");
		$(".neironglunbo25").css("display","none");
		$(".yuanlunbo6").css("background","#eee");
		$(".yuanlunbo61").css("background","url(images/jigou_h.png)");
		$(".neironglunbo26").css("display","none");
	})
	$(".yuanlunbo2").mouseover(function(){
		$(".yuanlunbo1").css("background","#eee");
		$(".yuanlunbo11").css("background","url(images/zhuanjia_h.png)");
		$(".neironglunbo21").css("display","none");
		$(".yuanlunbo2").css("background","#447ade");
		$(".yuanlunbo21").css("background","url(images/chanpin_b.png)");
		$(".neironglunbo22").css("display","block");
		$(".yuanlunbo3").css("background","#eee");
		$(".yuanlunbo31").css("background","url(images/anquan_h.png)");
		$(".neironglunbo23").css("display","none");
		$(".yuanlunbo4").css("background","#eee");
		$(".yuanlunbo41").css("background","url(images/shebi_h.png)");
		$(".neironglunbo24").css("display","none");
		$(".yuanlunbo5").css("background","#eee");
		$(".yuanlunbo51").css("background","url(images/anli_h.png)");
		$(".neironglunbo25").css("display","none");
		$(".yuanlunbo6").css("background","#eee");
		$(".yuanlunbo61").css("background","url(images/jigou_h.png)");
		$(".neironglunbo26").css("display","none");
	})
	$(".yuanlunbo3").mouseover(function(){
		$(".yuanlunbo1").css("background","#eee");
		$(".yuanlunbo11").css("background","url(images/zhuanjia_h.png)");
		$(".neironglunbo21").css("display","none");
		$(".yuanlunbo2").css("background","#eee");
		$(".yuanlunbo21").css("background","url(images/chanpin_h.png)");
		$(".neironglunbo22").css("display","none");
		$(".yuanlunbo3").css("background","#447ade");
		$(".yuanlunbo31").css("background","url(images/anquan_b.png)");
		$(".neironglunbo23").css("display","block");
		$(".yuanlunbo4").css("background","#eee");
		$(".yuanlunbo41").css("background","url(images/shebi_h.png)");
		$(".neironglunbo24").css("display","none");
		$(".yuanlunbo5").css("background","#eee");
		$(".yuanlunbo51").css("background","url(images/anli_h.png)");
		$(".neironglunbo25").css("display","none");
		$(".yuanlunbo6").css("background","#eee");
		$(".yuanlunbo61").css("background","url(images/jigou_h.png)");
		$(".neironglunbo26").css("display","none");
	})
	$(".yuanlunbo4").mouseover(function(){
		$(".yuanlunbo1").css("background","#eee");
		$(".yuanlunbo11").css("background","url(images/zhuanjia_h.png)");
		$(".neironglunbo21").css("display","none");
		$(".yuanlunbo2").css("background","#eee");
		$(".yuanlunbo21").css("background","url(images/chanpin_h.png)");
		$(".neironglunbo22").css("display","none");
		$(".yuanlunbo3").css("background","#eee");
		$(".yuanlunbo31").css("background","url(images/anquan_h.png)");
		$(".neironglunbo23").css("display","none");
		$(".yuanlunbo4").css("background","#447ade");
		$(".yuanlunbo41").css("background","url(images/shebi_b.png)");
		$(".neironglunbo24").css("display","block");
		$(".yuanlunbo5").css("background","#eee");
		$(".yuanlunbo51").css("background","url(images/anli_h.png)");
		$(".neironglunbo25").css("display","none");
		$(".yuanlunbo6").css("background","#eee");
		$(".yuanlunbo61").css("background","url(images/jigou_h.png)");
		$(".neironglunbo26").css("display","none");
	})
	$(".yuanlunbo5").mouseover(function(){
		$(".yuanlunbo1").css("background","#eee");
		$(".yuanlunbo11").css("background","url(images/zhuanjia_h.png)");
		$(".neironglunbo21").css("display","none");
		$(".yuanlunbo2").css("background","#eee");
		$(".yuanlunbo21").css("background","url(images/chanpin_h.png)");
		$(".neironglunbo22").css("display","none");
		$(".yuanlunbo3").css("background","#eee");
		$(".yuanlunbo31").css("background","url(images/anquan_h.png)");
		$(".neironglunbo23").css("display","none");
		$(".yuanlunbo4").css("background","#eee");
		$(".yuanlunbo41").css("background","url(images/shebi_h.png)");
		$(".neironglunbo24").css("display","none");
		$(".yuanlunbo5").css("background","#447ade");
		$(".yuanlunbo51").css("background","url(images/anli_b.png)");
		$(".neironglunbo25").css("display","block");
		$(".yuanlunbo6").css("background","#eee");
		$(".yuanlunbo61").css("background","url(images/jigou_h.png)");
		$(".neironglunbo26").css("display","none");
	})
	$(".yuanlunbo6").mouseover(function(){
		$(".yuanlunbo1").css("background","#eee");
		$(".yuanlunbo11").css("background","url(images/zhuanjia_h.png)");
		$(".neironglunbo21").css("display","none");
		$(".yuanlunbo2").css("background","#eee");
		$(".yuanlunbo21").css("background","url(images/chanpin_h.png)");
		$(".neironglunbo22").css("display","none");
		$(".yuanlunbo3").css("background","#eee");
		$(".yuanlunbo31").css("background","url(images/anquan_h.png)");
		$(".neironglunbo23").css("display","none");
		$(".yuanlunbo4").css("background","#eee");
		$(".yuanlunbo41").css("background","url(images/shebi_h.png)");
		$(".neironglunbo24").css("display","none");
		$(".yuanlunbo5").css("background","#eee");
		$(".yuanlunbo51").css("background","url(images/anli_h.png)");
		$(".neironglunbo25").css("display","none");
		$(".yuanlunbo6").css("background","#447ade");
		$(".yuanlunbo61").css("background","url(images/jigou_b.png)");
		$(".neironglunbo26").css("display","block");
	})
	$(".weixin").mouseover(function(){
		$(".erweima").css('animation','erweimachuxian 1s forwards')
	})
	$(".weixin").mouseout(function(){
		$(".erweima").css('animation','erweimayincang 1s forwards')
	})
</script>
<!--入场动画-->
<script language="javascript" type="text/javascript">
var windowWidth = $(window).width();
    $(document).ready(function(){
if(windowWidth >= 1200){
        $(window).scroll(function(){
            if ($(window).scrollTop() >= $("#h1").offset().top-$(window).height()+100){
                //alert("ok");
                $("#donghua1").css('animation','donghua1 1s forwards')
            }
            if ($(window).scrollTop() >= $("#h1").offset().top-$(window).height()+300){
                //alert("ok");
                $("#donghua2").css('animation','donghua2 1s forwards')
                $("#donghua3").css('animation','donghua3 1s forwards')
            }
            if ($(window).scrollTop() >= $("#h2").offset().top-$(window).height()+200){
                //alert("ok");
                $("#donghua4").css('animation','donghua1 1s forwards')
            }
            if ($(window).scrollTop() >= $("#h2").offset().top-$(window).height()+400){
                //alert("ok");
                $("#donghua5").css('animation','donghua1 1s forwards')
            }
            if ($(window).scrollTop() >= $("#h3").offset().top-$(window).height()+200){
                //alert("ok");
                $("#donghua6").css('animation','donghua1 1s forwards')
            }
            if ($(window).scrollTop() >= $("#h3").offset().top-$(window).height()+400){
                //alert("ok");
                $("#donghua7").css('animation','donghua1 1s forwards')
            }
            if ($(window).scrollTop() >= $("#h4").offset().top-$(window).height()+200){
                //alert("ok");
                $("#donghua8").css('animation','donghua1 1s forwards')
            }
            if ($(window).scrollTop() >= $("#h4").offset().top-$(window).height()+400){
                //alert("ok");
                $("#donghua9").css('animation','donghua2 1s forwards')
                $("#donghua10").css('animation','donghua1 1s forwards')
                $("#donghua11").css('animation','donghua3 1s forwards')
            }
        });
}
    });
</script>
</html>
